<template>
  <div class="my-container">
    <!-- 顶部导航 -->
    <van-nav-bar title="个人中心" class="top-nav">
      <template #left>
        <i class="iconfont icon-zuofanhui"></i>
      </template>
      <template #right>
        <i class="iconfont icon-shezhi" style="color:#535353"></i>
      </template>
    </van-nav-bar>
    <!-- 个人中心 -->
    <myprofile></myprofile>
  </div>
</template>

<script>
import myprofile from './components/myprofile'
export default {
  // 定义属性
  data() {
    return {}
  },
  // 计算属性，会监听依赖属性值随之变化
  computed: {},
  components: {
    myprofile
  },
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {}
}
</script>

<style lang="less" scoped>
.my-container {
  // nav-bar
  /deep/ .van-hairline--bottom::after {
    border: none !important;
  } //去除下划线
  /deep/ .van-nav-bar__content {
    height: 88px;
    .van-nav-bar__left {
      padding: unset;
      padding-left: 64px;
      .iconfont {
        font-size: 36px;
        line-height: 88px;
      }
    }
    .van-nav-bar__title {
      p {
        font-size: 32px;
        color: #484747;
      }
    }
    .van-nav-bar__right {
      padding: unset;
      padding-right: 58px;
      .iconfont {
        font-size: 40px;
        line-height: 88px;
      }
    }
  }
}
</style>
